<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
include ('../../datos/storeprocedure.php');
validarSession('Admin');
$conn=obtenerConexion();
?>
	<script>
	var idPlan='';
	$(function() {
	       $('#f_inicio').datepicker({changeMonth: true,changeYear: true,yearRange: '1976:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });
		
	$(function() {
	         $('#f_fin').datepicker({changeMonth: true,changeYear: true,yearRange: '1976:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });
		
	$(function() {
	   $('#editarFechaInicioPlan').datepicker({changeMonth: true,changeYear: true,yearRange: '1976:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
	});
		
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
	
	function cargarCarreras(elementoCargar,estado){
		parametros="tipo="+encodeURIComponent("cargarCarreras")+"&estado="+encodeURIComponent(estado);
		cargar (elementoCargar, "", "Admin/planes/planFunciones.php", "POST", parametros, true, "");
		}

	function cargarPlanes(idCarrera){
		parametros="tipo="+encodeURIComponent("cargarPlan")+"&idCarrera="+encodeURIComponent(idCarrera);
		cargar ("respuestaCargarFinalizarPlan", "", "Admin/planes/planFunciones.php", "POST", parametros, true, "");
		}
					
	function registrarPlan(){
			var nombrePlan=document.getElementById("campoNombrePlan");
			var fechaInicio=document.getElementById("f_inicio");
			var seleccionCarrera=document.getElementById("respuestaCargarCarreras");
			var idCarrera= seleccionCarrera.options[seleccionCarrera.selectedIndex].value;
			if(nombrePlan.value!="" && idCarrera!="Limpio"){
				parametros="tipo="+encodeURIComponent("registrar")+"&nombrePlan="+encodeURIComponent(nombrePlan.value)+
						   "&idCarrera="+encodeURIComponent(idCarrera)+"&fechaInicio="+encodeURIComponent(fechaInicio.value);
				cargar ("respuestaRegistroPlan", "", "Admin/planes/planFunciones.php", "POST", parametros, true, "");
			}
			else {
				document.getElementById("respuestaRegistroPlan").innerHTML="Hay datos sin completar";
				}
		}
		
	function limpiarCamposRegistrar(lugar){
			document.getElementById("campoNombrePlan").value="";
			document.getElementById("f_inicio").value="";			
			if(lugar!="bd")
				document.getElementById("respuestaRegistroPlan").innerHTML="";
		}
		
	function finalizarPlan(){
		var seleccionCarrera=document.getElementById("respuestaCargarFinalizarCarrera");
		var idCarrera= seleccionCarrera.options[seleccionCarrera.selectedIndex].value;
		var seleccionPlan=document.getElementById("respuestaCargarFinalizarPlan");
		var idPlan= seleccionPlan.options[seleccionPlan.selectedIndex].value;
		var fechaInicio = seleccionPlan.options[seleccionPlan.selectedIndex].id;
		var fechaFin=document.getElementById("f_fin").value;
		fechaInicio = fechaInicio.substring(0,fechaInicio.length-9);
		var splitFI = fechaInicio.split("-", fechaInicio.length);
		var splitFF = fechaFin.split("-", fechaFin.length);
		var datefi = new Date(splitFI[0],splitFI[1],splitFI[2]);
		var dateff = new Date(splitFF[2],splitFF[1],splitFF[0]);
		
		if(dateff<datefi){
				document.getElementById("respuestaFinalizarPlan").innerHTML="Las fechas no concuerdar<br>la fecha de inicio es "+datefi.getDate()+"-"+datefi.getMonth()+"-"+datefi.getFullYear()
				+"<br>y la fecha fin es "+dateff.getDate()+"-"+dateff.getMonth()+"-"+dateff.getFullYear();
				}
		else if(fechaFin.value!="" && idCarrera!="Limpio" && idPlan!="Limpio"){
				parametros="tipo="+encodeURIComponent("finalizar")+"&idPlan="+encodeURIComponent(idPlan)+
						   "&fechaFin="+encodeURIComponent(fechaFin);
				cargar ("respuestaFinalizarPlan", "", "Admin/planes/planFunciones.php", "POST", parametros, true, "");
			}
		else {
			document.getElementById("respuestaFinalizarPlan").innerHTML="Hay datos sin completar";
			}
		}
	
	function limpiarCamposFinalizar(lugar){
		document.getElementById("f_fin").value="";			
		if(lugar!="bd")
			document.getElementById("respuestaFinalizarPlan").innerHTML="";
		}
	
	function mostrarTabla(){
		$(".flexme3").flexigrid({
			url : 'Admin/planes/planCargarTabla.php',
			dataType : 'xml',
			colModel : [{ display : 'Plan', name : 'nombrePlan', width : 120, sortable : true, align : 'left', process: onCellClick}, 
						{ display : 'Inicio', name : 'fechaInicio', width : 60, sortable : true, align : 'left', process: onCellClick}, 
						{display : 'Fin', name : 'fechaFin', width : 60, sortable : true, align : 'left', process: onCellClick},
						{ display : 'Carrera', name : 'nombreCarrera', width : 180, sortable : true, align : 'left', process: onCellClick},
						{ display : 'Escuela', name : 'nombreEscuela', width : 140, sortable : true, align : 'left', process: onCellClick}],
			searchitems : [	{display : 'Plan', name : 'nombrePlan'}, 
							{display : 'Inicio', name : 'fechaInicio'}, 
							{display : 'Fin', name : 'fechaFin'}, 
							{display : 'Carrera', name : 'nombreCarrera'},								
							{display : 'Escuela', name : 'nombreEscuela'}],
			buttons : [ {name : 'Editar', bclass : 'edit',onpress : editar}],
			sortname : "nombrePlan",
			sortorder : "asc",
			usepager : true,
			title : 'Planes registrados',
			useRp : true,
			rp : 10,
			showTableToggleBtn : true,
			width : 620,
			height : 220,
			singleSelect: true
		});
	}
	
	function onCellClick(celDiv,id,grid){
		$(celDiv).click(function (){ocultarDiv();});
		}
	
	function editar(com, grid){
		var items = $('.trSelected', grid);
			if(items.length>0){
				idPlan= items[0].id.substr(3);
				nombrePlan= $('td[abbr="nombrePlan"] >div', items).html();
				editarFechaInicioPlan= $('td[abbr="fechaInicio"] >div', items).html();
				$("#divEditar").show("slow");
				cargarCarreras('respuestaEditarCargarCarreras',0);
				document.getElementById("editarNombrePlan").value=nombrePlan;
				document.getElementById("editarFechaInicioPlan").value = editarFechaInicioPlan;
				document.getElementById("editarPlanRespuesta").innerHTML="";
				document.getElementById("editarNombrePlan").focus();
				document.location="#moverFinal";
			}
			else alert('Debe seleccionar un registro.');
		}
	
	function ocultarDiv(){
		$("#divEditar").hide("slow");
		}
	
	function editarPlan(){
		seleccionCarrera=document.getElementById("respuestaEditarCargarCarreras");
		idCarrera= seleccionCarrera.options[seleccionCarrera.selectedIndex].value;
		nombrePlan= document.getElementById("editarNombrePlan").value;
		editarFechaInicioPlan = document.getElementById("editarFechaInicioPlan").value;
		if(nombrePlan!="" && idCarrera!="Limpio" && editarFechaInicioPlan !=""){
			parametros="tipo="+encodeURIComponent("editarPlan")+"&idPlan="+encodeURIComponent(idPlan)+"&nombrePlan="+encodeURIComponent(nombrePlan)+
					   "&fechaInicio="+encodeURIComponent(editarFechaInicioPlan)+"&idCarrera="+encodeURIComponent(idCarrera);
			cargar ("editarPlanRespuesta", "", "Admin/planes/planFunciones.php", "POST", parametros, true, "");
		}
		else {
			document.getElementById("editarPlanRespuesta").innerHTML="Hay datos sin completar";
			}
		}
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
                	<!--Visualizar Planes-->
                	<h3>
                    	<a href="#" onclick="$('.flexme3').flexReload();">
                        	Ver planes
                        </a>
                    </h3>
	                    <!-- Cargas lista de planes en la tabla-->   
                        <div id="listaPlanes" align="left">
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script><br />
                         <div id="divEditar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none" >
                        	<h3 align="center">Edite información del plan</h3>
                        	<table id="tablaEditar" align="center">
                                <tr>
                                	<td align="right"><strong>Pertenece a la carrera:</strong></td>
                                    </td>
                                	<td>
                                    <select name="respuestaEditarCargarCarreras" id="respuestaEditarCargarCarreras"></select>
                                    </td>
                                </tr>
                            	<tr>
                                	<td align="right"><strong>Nombre:</strong></td>
                                    <td>
                                    	<input type="text" id="editarNombrePlan" />
                                    </td>
                                </tr>
                                <tr>
                                	<td align="right"><strong>Fecha de Inicio:</strong></td>
                                    <td>
	                                    <input type="text" id="editarFechaInicioPlan" />
                                    </td>
                                </tr>
                            	<tr>
                                	<td colspan="2" align="right">
                                    	<button onclick="ocultarDiv()">Ocultar</button>
                                        <button id="editarBoton" onclick="editarPlan()">Guardar cambios</button>
                                    </td>
                                </tr>
                                <tr>
                                	<td colspan="2" align="right"><label style="color:#F00" id="editarPlanRespuesta"></label></td>
                                </tr>
                                <tr align="right">
                                	<td>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        </div> <!-- Div listaPlanes-->
                    <!--Registrar nuevo plan-->
					<h3>
                    	<a href="#" onclick="limpiarCamposRegistrar('');cargarCarreras('respuestaCargarCarreras','0')">
							Registrar nuevo plan
                        </a>
					</h3>
						<div id="registroPlan">
                        	<table>
	                            <tr>
                                	<td align="right">
                                    	Pertenece a la carrera:
                                    </td>
                                	<td>
                                    <select name="respuestaCargarCarreras" id="respuestaCargarCarreras"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Nombre de plan:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNombrePlan"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Fecha de inicio:
                                    </td>
                                	<td>
                                    	<input type="text" onKeyUp="this.value=formateafecha(this.value);" onblur="limpiar(this.id);"
                                    onclick="borrartexto(2);" id="f_inicio" maxlength="10" style="width:144px"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>                                
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="registrarPlan();">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaRegistroPlan" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
						</div><!-- Div registroPlan-->
					<!--Finalizar plan-->
					<h3>
                    	<a href="#" onclick="limpiarCamposFinalizar('');cargarCarreras('respuestaCargarFinalizarCarrera','1');">
							Finalizar un plan
                        </a>
					</h3>
						<div id="finalizarPlan">
                        	<table>
                            	<tr>
                                	<td align="right">
                                    	Pertenece a la carrera:
                                    </td>
                                    <td style="color:#F00">
                                    <select name="respuestaCargarFinalizarCarrera" id="respuestaCargarFinalizarCarrera" onChange="cargarPlanes(this.value);">
                                    </select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Nombre del plan:
                                    </td>
                                	<td>
                                    <select name="respuestaCargarFinalizarPlan" id="respuestaCargarFinalizarPlan">
                                    </select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Fecha de fin:
                                    </td>
                                	<td>
                                    	<input type="text" onKeyUp="this.value=formateafecha(this.value);" onblur="limpiar(this.id);"
                                    onclick="borrartexto(2);" id="f_fin" maxlength="10" style="width:144px"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>                                
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="finalizarPlan();">Finalizar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaFinalizarPlan" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
						</div><!-- Div finalizarPlan-->
				</div><!-- Div acordion -->
                <a name="moverFinal"/>
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->